 @font-face {font-family: "iconfont";
      src: url('iconfont.eot'); /* IE9*/
      src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('iconfont.woff') format('woff'), /* chrome, firefox */
      url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
      url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
    }

    .iconfont {
      font-family:"iconfont" !important;
      font-size:16px;
      font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
    }

html, body {
      position: relative;
      height: 100%;
      font-size: 12px;
     
      color: #555;
    }
    body {
      background: #fff;
      font-family: "微软雅黑";
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }
    ul{padding: 0px;margin: 0px;}
    ul,li{list-style: none;}
    a{text-decoration: none;color: #000;}

    .juebg{
      height: 380px;
      text-align: center;
      background-image: url('../images/jiejuebg.png');
    }
    .titles{
      font-size: 37px;
      padding-top: 183px;
      font-weight: bold;
      color: #Fff;
    }
    .juebg ul{
      width: 892px;
      margin: 0 auto;
      padding-top: 74px;
    }
    .juebg li{
      width: calc(100% / 4 - 20px);
      margin: 0px 8px;
      float: left;
      border: 0.5px solid #fff;
      /*background-color: #565656;*/
      height: 40px;
      line-height: 40px;     
      border-radius: 5px;
    }
    .tabcontent{display: none;}
    .zoushi{
      width: 1050px;
      text-align: center;
      margin: 0 auto;
      height: 553px;
    }
    .zoushi img{
      width: 100%;
      height: 100%;
    }
     .juebg li.selecttab{
       background-color: #e00404;
       border:0.5px solid #e00404;;
     }
     .juebg li a{
        color: #fff;
     }
     .tiphref{
       width: 100%;
       height: 50px;
        border-top: 0.5px solid #cecccc;
       border-bottom: 0.5px solid #cecccc;
     }
     .tipcont{
       width: 1100px;
       margin: 0 auto;
       height: 50px;
       line-height: 50px;
       letter-spacing: 2px;
       color: #6d6464;
     }
     .tipcont a{
        letter-spacing: 2px;
       color: #6d6464;
     }
     .whyapp{
      height: 600px;
      width: 100%;
     }
     .whywap{
      width: 1100px;
      margin: 0 auto;
      height: 100%;
     }
     .whytitle{
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
        margin-top: 30px;
     }
     .whydesc{
      text-align: center;
      height: 50px;
      line-height: 50px;
      margin-top: 12px;
      font-size: 16px;
      color: #8e8c8c;
     }
     .heline{
        text-align: center;
        height: 4px;
        width: 33px;
        background-color: #e00404;
        margin: 0 auto;
        margin-top: 23px;
     }
     .whyiconlist{
       height: 248px;       
       width: 1050px;
       margin: 0 auto;
       margin-top: 30px;
     }
     .whyiconlist ul{height: 100%;width: 100%; }
     .whyiconlist li{
       float: left;
       width: calc(100% / 5 - 10px);
       margin: 0px 5px;
       height: 100%;
       
       text-align: center;
     }
     .whyiconlist li p:nth-child(2){
        font-size: 25px;
        font-weight: bold;
     }
      .whyiconlist li p:nth-child(3){
        font-size: 14px;
      }

      .section{
        height: 400px;
        width: 100%;
        background-color: #fff;
      }
      .bggray{
        background-color: #e8e9ed;
        
      }
      .secwap{
        width: 1100px;
        margin: 0 auto;
        height: 100%;
      }
      .letfsec{
        float: left;
        width: 400px;
        height: 100%;
        position: relative;
      }
      .rightsec{
        float: left;
       
        height: 100%;
        width: 650px;

      }
    .sectitle{
      font-size: 23px;
      margin-top: 137px;
    }
    .secdesc{
      font-size: 15px;
      padding: 10px 0px;
      line-height: 29px;

    }
    .letfsec img{width: 100%;height: auto;position: absolute;margin-top: 100px;}
    .hide{display: none;}

    .cjj{
      width: 100%;
      height: 100px;
      margin:0 auto;
    }
     .cjj li{
       width: calc(100% /3 - 20px);
       float: left;
       height: 263px;      
       margin:10px;              
       box-shadow: 0px 2px 10px 0px #909090;
      
     }
     .cztitle{margin: 10px 5px;}
     .cztitle a{
      font-size: 20px;
      font-weight: bold;
     }
     .czdesc{
      font-size: 14px;
      height: 50px;
      line-height: 24px;
      padding: 5px 20px;
      text-align: left;
     }
     .czicon{padding: 10px;}
     .czicon img{}

     .sddz li{
       width: calc(100% / 2 - 10px);
       margin: 2px;
       float: left;
       height: 200px;
       background-color: #eee;
     }
     .section2{
        width: 100%;
        margin: 0 auto;
        
        height: 700px;
        background-image: url('../images/newbg.png');
        background-size:100% 100%;
     }
     .lefticon{
        width: 118px;
        position: relative;
        top: 74px;
        float: left;
     }
     .rightsectitle{
        text-align: left;
        position: relative;
        top: 49px;
        float: right;
        width: 341px;
        padding-right: 22px;
     }
     .titlegn{font-size: 23px;padding-bottom: 10px;}
     .descgn{font-size: 14px;line-height: 26px;color: #5f5959;}
    .czline{   
      width: 1px;
      height: 70px;
      background-color: #dccbcb;
      float: left;
      top: 70px;
      position: relative;
      margin-right: 10px;
    }
    .dyh{margin-top: 86px;}
    .dyh li>div{
      height: 92px;
      width: 100%;
      line-height: 115px;
      text-align: center;
    }
    .dyh li{
      width: calc(100% / 8 - 1px);
      float: left;
      height: 145px;
      border:0.5px solid #d8d7e2;
      background-color: #fff;
      text-align: center;
    }
   .dyh li>div>i{
      font-size: 40px;
    }
    .servicedx li>div>i{
      font-size: 85px;
      color: #707070;
    }
    .servicedx{
       width: 100%;
       height: 420px;
       margin-top: 30px;
    }
    .servicedx li{
      float: left;
      height: 200px;
      width: calc(100% / 4 - 20px);
      margin:5px;
      border:0.5px solid #d8d7e2;
      background-color: #fff;
      text-align: center;
    }
    .servicedx li>div{
      height: 144px;
      width: 100%;
      line-height: 192px;
      text-align: center;
    }
     .servicedx li>span{
       font-size: 19px;
     }
      .mygn{
       width: 100%;
       height: 420px;
       margin-top: 30px;
    }
   
     .mygn li{
      float: left;
      height: 200px;
      width: calc(100% / 5 - 20px);
      margin:5px;
      background-color: #fff;
      text-align: center;
     }
      .mygn li>div{
       padding-top: 30px;
       padding-bottom: 10px;
      }
      .mygn li>span{
        font-size: 17px;
        margin: 15px 10px;
      }
     .jishucx{
      margin-top: 80px;
      }
      .jishucx ul{
        width: 100%;
        height: 200px;
      }
      .jishucx ul li{
        width: calc(100% / 5 - 10px);
        height: 250px;
        background-color: #fff;
        float: left;
        margin: 0px 5px;
      }
       .fwicontit{
        text-align: center;
        padding-top: 40px;
      }
      .fwtitle{
        text-align: center;
        color: #000;
        padding: 10px;
        font-size: 16px;
      }
      .fwline{
          margin: 0 auto;
          height: 10px;
          width: 20px;
          border-bottom: 0.5px solid #000;
          margin-bottom: 10px;
      }
      .fwcontent,.fwcontent2{
          color: #000;
          text-align: center;
          font-size: 14px;
          padding: 5px 10px;
      }
      .hunianwangjiejue{
        margin: 50px 0px;
      }